import theAxios from 'axios'
import router from '@/router'
// import { Notify } from 'vant'
import { getToken, removeToken } from '@/utils/token.js' // setToken
// import { getNewTokenAPI } from '@/api'
// import { replace } from 'core-js/fn/symbol'
const axios = theAxios.create({
  baseURL: 'http://geek.itheima.net',
  timeout: 20000 // 20秒超时事件(请求20秒无响应直接判定超时)
})

// 添加请求拦截器
axios.interceptors.request.use(function (config) {
  // 在发送请求之前做些什么
  // 目标: 统一携带token
  if (getToken()?.length > 0 && config.headers.Authorization === undefined) {
    config.headers.Authorization = `Bearer ${getToken()}`
  }
  return config
}, function (error) {
  // 对请求错误做些什么
  return Promise.reject(error)
})

// 添加响应拦截器
// 本质: 就是一个函数
axios.interceptors.response.use(function (response) {
  // 对响应数据做点什么
  return response
}, async function (error) {
  // 对响应错误做点什么
  console.dir(error)
  if (error.response.status === 401) {
    // Notify({ type: 'warning', message: '身份已过期' })
    removeToken() // 先清除token,才能让路由守卫判断失败,放行去登录页面
    // 方式1: 强制跳转到登录, 用户有感知
    // router.replace('/login')
    router.replace(`/login?path=${router.currentRoute.fullPath}`)

    // 方式2: 使用refresh_token换回新的token在继续使用,JS代码实现,用户无感知(效果好)
    // const res = await getNewTokenAPI()
    // console.log(res)

    // // 新的token回来之后,我们要做什么
    // // 1. 更新token在本地
    // setToken(res.data.data.token)
    // // 2. 更新新的token在请求头里
    // error.config.headers.Authorization = `Bearer ${res.data.data.token}`
    // // 3. 未完成这次请求,再一次发起
    // return axios(error.config)
  } // else if (error.response.status === 500 && error.config.url === '/v1_0/authorizations' && error.config.method === 'put') {
  //   localStorage.clear() // 清除localStorage里所有值
  //   Notify({ type: 'warning', message: '身份已过期' })
  //   router.replace('/login')
  // }

  return Promise.reject(error)
})

export default ({ url, method = 'GET', params = {}, data = {}, headers = {} }) => {
  return axios({
    url,
    method,
    params,
    data,
    headers
  })
}
